<div class="fichevitrine_module">

    <link rel="stylesheet" href="{$modules_dir}fichevitrine/css/common.css" type="text/css"/>
    <link rel="stylesheet" href="{$modules_dir}fichevitrine/css/list.css" type="text/css"/>
    <link rel="stylesheet" href="{$modules_dir}fichevitrine/css/jqueryui.css" type="text/css"/>
    <link rel="stylesheet" href="{$modules_dir}fichevitrine/css/datepicker.css" type="text/css"/>
    <script src="{$modules_dir}fichevitrine/js/jquery/jquery-1.9.1.js"></script>
    <script src="{$modules_dir}fichevitrine/js/jquery/jquery-ui.js"></script>
	
	<h1>{l s="Mon espace fiche vitrine" mod='fichevitrine'}</h1>
		<table class="vitrinemenu">
			<tr>
				<td><a href="{$linkHome}">{l s="Accueil" mod='fichevitrine'}</a></td>
				<td><a href="{$linkAddModel}">{l s="Créer un modèle" mod='fichevitrine'}</a></td>
				<td><a href="{$linkListModel}"  class="menuSelected">{l s="Accéder à mes modèles" mod='fichevitrine'}</a></td>
				<td><a href="{$linkAddFiche}">{l s="Créer une fiche" mod='fichevitrine'}</a></td>
				<td><a href="{$linkListFiche}" class="menuSelected">{l s="Accéder à mes fiches" mod='fichevitrine'}</a></td>
				<td><a href="{$linkPrint}">{l s='Imprimer' mod='fichevitrine'}</a></td>
				<td><a href="{$manual}">{l s='Manuel' mod='fichevitrine'}</a></td>
			</tr>
		</table>

		<table class="infos">
			<tr>
				<td>{l s="Poids maximum autorisé" mod='fichevitrine'} : {$maxWeight}Mo</td>
				<td>{l s="Poids total utilisé" mod='fichevitrine'} : {$totalWeight}Mo</td>
				<td>{l s="espace occupé à" mod='fichevitrine'}: {$percentWeight}%</td>
				<td>{l s="Nbre total de fiches" mod='fichevitrine'}: {$numFiches}</td>
				<td>{l s="Nbre total de modèles" mod='fichevitrine'}: {$numModels}</td>
			</tr>
		</table>
    <!-- 
            fitre sur la taille de la fiche, la date, rechercher dans le texte de la fiche
            pouvoir les fiches et les modèles
            aperçu des fiches
    -->

    <form method="post" action="{$linkList}" class="filters" onsubmit="return submitHandler();">

        <!-- filters -->
        <table class="list">
			<tr>
				<td>
                    <label for="type">{l s="Type" mod='fichevitrine'} :</label>
                    <select name="type">
                    <option value="-1">{l s="Tous" mod='fichevitrine'}</option>
                        {foreach $types as $key=>$value}
							<option value="{$value}" {if $currentType == $value} selected="selected"{/if}>
								{$key}
							</option>
						{/foreach}	
                    </select>
                </td>
				<td>
                    <label for="format">{l s="Format" mod='fichevitrine'} :</label>
                    <select name="format">
                        <option value="-1">{l s="Tous" mod='fichevitrine'}</option>
                        {foreach $formats as $key=>$value}
                            <option value="{$value}"{if $currentFormat == $value} selected="selected"{/if}>
                                {$value}
                            </option>
                        {/foreach}
                    </select>
                </td>
				<td>
                    <label for="orientation">{l s="Orientation" mod='fichevitrine'} :</label>
                    <select name="orientation">
                        <option value="-1">{l s="Tous" mod='fichevitrine'}</option>
                        {foreach $orientations as $key=>$value}
                            <option value="{$value}" {if $currentOrientation == $value} selected="selected"{/if}>
                                {$key}
                            </option>
                        {/foreach}
                    </select>
                </td>
			</tr>
			<tr>
				<td>
					<label for="transact">{l s="Location/Vente" mod='fichevitrine'}</label>
					<select name="transact" id="transact">
						<option value="-1">{l s="Tous" mod='fichevitrine'}</option>
						{foreach $transacts as $key=>$value}
                            <option value="{$value}" {if $currentTransact == $value} selected="selected"{/if}>
                                {$key}
                            </option>
                        {/foreach}
					</select>
				</td>
				
				<td>
					<label for="goodType">{l s="Type de bien" mod='fichevitrine'}</label>
					<select name="goodType" id="goodType">
						<option value="-1">{l s="Tous" mod='fichevitrine'}</option>
                        {foreach from=$goodTypes key=value item=goodType}
                            <option value="{$goodType->id_prop}" {if $currentGoodType == $goodType->id_prop} selected="selected"{/if}>
                                {$goodType->getName()}
                            </option>
                        {/foreach}
					</select>
				</td>
				
				<td>
                    <label for="theme">{l s="Thème" mod='fichevitrine'} :</label>
                    <select name="theme">
                        <option value="-1">{l s="Tous" mod='fichevitrine'}</option>
                        {foreach from=$themes key=value item=theme}
                            <option value="{$theme->id_theme}" 
								{if $currentTheme == $theme->id_theme}
									selected="selected"
								{/if}>
                                {$theme->getName()}
                            </option>
                        {/foreach}
                    </select>
                </td>
			</tr>
            <tr>             
                <td>
                    <label for="ficheName">{l s="Nom" mod='fichevitrine'} :</label>
                    <input type="text" placeholder="{l s='fiche ou modèle' mod='fichevitrine'}" name="ficheName" value="{$currentFicheName}" />
                </td>
                <td>
                    <label for="theme">{l s="Texte" mod='fichevitrine'} :</label>
                    <input 	type="text" 
                            name="searchText" 
                            id="searchText" 
                            placeholder="{l s='contenant le texte' mod='fichevitrine'}" 
                            value="{$currentSearchText}" />
                </td>
                
                
            </tr>
			<tr>
                <td>
                    <label for="ficheName">{l s="De" mod='fichevitrine'} :</label>
                    <input type="text" name="minDate" id="minDate" placeholder="{l s="aaaa-mm-jj" mod='fichevitrine'}" value="{$currentMinDate}" />
                </td>
                <td>
                    <label for="ficheName">{l s="à" mod='fichevitrine'} :</label>
                    <input type="text" name="maxDate" id="maxDate" placeholder="{l s="aaaa-mm-jj" mod='fichevitrine'}" value="{$currentMaxDate}" />
                </td>
				
            </tr>	
            {* <tr>
                <td>
                    <label for="ficheName">{l s="Poids min" mod='fichevitrine'} :</label>
                    <input type="text" placeholder="0" name="minWeight" value="{$currentMinWeight}" />
                </td>
                <td>
                    <label for="ficheName">{l s="Poids max" mod='fichevitrine'} :</label>
                    <input type="text" placeholder="0" name="maxWeight" value="{$currentMaxWeight}" />
                </td>
            </tr>
            *}
			<tr>
				<td colspan="3">
					<input 	type="submit" 
							name="submitFilterForm" 
							onclick="search();" 
							value="{l s='Filtrer' mod='fichevitrine'}" />
				</td>
			</tr>
        </table>	

        {if $totalWeight >= $maxWeight }
            <p>
                {l s="Attention, le poids total de vos fiches est de" mod='fichevitrine'} : <strong>{$totalWeight}Mo</strong>
                {l s="et excède le poids maximum autorisé pour votre compte qui est de" mod='fichevitrine'} : <strong>{$maxWeight}Mo.</strong>
            </p>
            <p>
                {l s="Veuillez éditer ou supprimer certaines fiches afin que celles-ci prennent moins de place, 
                vous pourrez ainsi créer de nouvelles fiches et modèles." mod='fichevitrine'}
            </p>
        {else}
            <div class="actionContainer">
                <a href="{$linkAddFiche}" class="add" title="{l s='Ajouter une fiche' mod='fichevitrine'}">{l s="Ajouter une fiche" mod='fichevitrine'}</a>
                <a href="{$linkAddModel}" class="add" title="{l s='Ajouter un modèle' mod='fichevitrine'}">{l s="Ajouter un modèle" mod='fichevitrine'}</a>
                <input type="submit" class="delete" onclick="deleteAll(event);" value="" title="{l s='Supprimer' mod='fichevitrine'}" />
            </div>
        {/if}
		
		{if $twoInOne == 1}
		<div id="printPool">
			<h4>
				Liste d'impression
				<input type="submit" class="print" onclick="printAll();" value="" title="{l s='Imprimer' mod='fichevitrine'}" />
				<input type="submit" class="delete" onclick="cleanPool(); return false;" value="" title="{l s='Vider' mod='fichevitrine'}" />
			</h4>
			<ul id="printPoolList"></ul>
		</div>
		{/if}
		
        <table class="list listFiche" border = 1>
            <tr>
                <th></th>
                <th>{l s="Nom" mod='fichevitrine'}</th>
                <th>{l s="Type" mod='fichevitrine'}</th>
                <th>{l s="Public/Privé" mod='fichevitrine'}</th>
				<th>{l s="Source" mod='fichevitrine'}</th>
				<th>{l s="Format" mod='fichevitrine'}</th>
                <th>{l s="Orientation" mod='fichevitrine'}</th>
                <th>{l s="Location/Vente" mod='fichevitrine'}</th>
                <th>{l s="Type de bien" mod='fichevitrine'}</th>
                <th>{l s="Thème" mod='fichevitrine'}</th>
                <th>{l s="Date" mod='fichevitrine'}</th>
				<th>{l s="Date création" mod='fichevitrine'}</th>
                <th>{l s="Poids" mod='fichevitrine'}</th>
                <th>{l s="Aperçu" mod='fichevitrine'}</th>
                <th>{l s="Actions" mod='fichevitrine'}</th>
            </tr>
            {foreach from=$fiches key=i item=currentFiche}
				<tr>			  
                    <td><input type="checkbox" onclick="addToActionList(this,{$currentFiche->id});" /></td>
                    <td>
						<span style="dsplay: inline-block;width: 60px; text-decoration: underline;">
							{if $currentFiche->type == 0}
								<a 	href="{$link->getModuleLink('fichevitrine', 'editorfiche',['ficheId'=>$currentFiche->id])}" 
									title="{l s='Editer' mod='fichevitrine'}">
									{$currentFiche->name}
								</a>
							{else}
								<a 	href="{$link->getModuleLink('fichevitrine', 'editormodel',['ficheId'=>$currentFiche->id])}" 
									title="{l s='Editer' mod='fichevitrine'}">
									{$currentFiche->name}
								</a>
							{/if}
						</span>
					</td>
                     {if $currentFiche->type == 0}
						<td bgcolor = 'green'>
					{else}
						<td bgcolor = 'red'>
					{/if} 
                        {if $currentFiche->type == 0 }
                            {l s="Fiche" mod='fichevitrine'}
                        {else}
                            {l s="Modèle" mod='fichevitrine'}
                        {/if}
                    </td>
					<td>
						{if $currentFiche->public == 0}
							{l s="Public" mod='fichevitrine'}
						{else}
							{l s="Privé" mod='fichevitrine'}
						{/if}
                    </td>
					<td>
						{$currentFiche->getModelName()}
                    </td>
					
					<td>{$currentFiche->format}</td>
		
					<td>
                        {*
                        {foreach $orientations as $key=>$value}
                            {if $currentFiche->orientation == $value}
                                {$key}
                            {/if}
                        {/foreach}
                    *}
                     {if $currentFiche->orientation == 0}
                            {l s="Paysage" mod='fichevitrine'}
                        {else}
                            {l s="Portrait" mod='fichevitrine'}
                     {/if}
                    </td>
                    
                    <td>
						{if $currentFiche->rent == 1}
							{l s="Location" mod='fichevitrine'}
						{else}
							{l s="Vente" mod='fichevitrine'}
						{/if}
					</td>
					<td>
                        {foreach from=$goodTypes key=value item=goodType}
							{if $currentFiche->propId == $goodType->id_prop}
								{$goodType->getName()}
							{/if}
                        {/foreach}
					</td>
					<td>
                        {foreach from=$themes key=value item=theme}
                            {if $currentFiche->theme == $theme->id_theme}
                                {$theme->getName()}
                            {/if}
                        {/foreach}
                    </td>
                    <td>{$currentFiche->date_modif}</td>
					<td>{$currentFiche->date}</td>
                    <td>{$currentFiche->weight}Mo</td>
                   <td>        
					<span style="dsplay: inline-block;width: 60px; text-decoration: underline;">
						{if $currentFiche->type == 0}
							<a 	href="{$link->getModuleLink('fichevitrine', 'editorfiche',['ficheId'=>$currentFiche->id])}">
							<img  title="{l s='Editer' mod='fichevitrine'}" src="{$currentFiche->getPreview()}?nocache={$nocache}" width="150"/>	
							</a>
						{else}
							<a 	href="{$link->getModuleLink('fichevitrine', 'editormodel',['ficheId'=>$currentFiche->id])}">
							<img  title="{l s='Editer' mod='fichevitrine'}" src="{$currentFiche->getPreview()}?nocache={$nocache}" width="150"/>	
							</a>
						{/if}
					</span> 
					</td>
                    <td>
                        {if $currentFiche->type == 0}
                            <a 	href="{$link->getModuleLink('fichevitrine', 'editorfiche',['ficheId'=>$currentFiche->id])}" 
							class="edit" title="{l s='Editer' mod='fichevitrine'}"></a>
                        {else}
                            <a 	href="{$link->getModuleLink('fichevitrine', 'editormodel',['ficheId'=>$currentFiche->id])}" 
							class="edit" title="{l s='Editer' mod='fichevitrine'}"></a>
                        {/if}
						
                        <input type="submit" class="print" 
						onclick="printFiche({$currentFiche->id_fiche},'{$currentFiche->name}');" value="" 
						title="{l s='Imprimer' mod='fichevitrine'}" />
						
                        <input type="submit" class="delete" 
						onclick="deleteFiche(event,{$currentFiche->id});" 
						value="" 
						title="{l s='Supprimer' mod='fichevitrine'}}" />
                    </td>
                </tr>
            {/foreach}
        </table>
        <p>
            {if $numPages > 0 }
                {for $var=0 to $numPages }
                    {if $var == $currentPage}
                        <strong>
							
							<a href="{$link->getModuleLink('fichevitrine', 'list',['page'=>$var])}" 
							title="page {$var}">{$var + 1}</a></strong>
                        {else}
                        <a href="{$link->getModuleLink('fichevitrine', 'list',['page'=>$var])}" 
						title="page {$var}">{$var + 1}</a>
                    {/if}

                {/for}
            {/if}
        </p>
		

        <input type="hidden" id="deleteList" name="deleteList" value="" />
        <input type="hidden" id="printList" name="printList" value="" />
    </form>

    <script type="text/javascript">

        var actionList = new Array();
		var mode = "search";    
        var linkPrint = "{$linkPrint}";
		var twoInOne = {$twoInOne};

		{literal}
			//init datepicker
			$("#minDate").datepicker({dateFormat: "yy-mm-dd"});
			$("#maxDate").datepicker({dateFormat: "yy-mm-dd"});
		{/literal}

		
		function eraseCookie(name) 
		{
			createCookie(name,"",-1);
		}
		
		function createCookie(name,value,days) 
		{
			if (days) {
				var date = new Date();
				date.setTime(date.getTime()+(days*24*60*60*1000));
				var expires = "; expires="+date.toGMTString();
			}
			else var expires = "";
			document.cookie = name+"="+value+expires+"; path=/";
		}

		function readCookie(name) 
		{
			var nameEQ = name + "=";
			var ca = document.cookie.split(';');
			for(var i=0;i < ca.length;i++) {
				var c = ca[i];
				while (c.charAt(0)==' ') c = c.substring(1,c.length);
				if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
			}
			return null;
		}

        function search()
        {
            mode = "search";
        }

        function deleteAll(value)
        {
            var yes = window.confirm("{l s="Etes vous sur de vouloir supprimer les fiches sélectionnées ?" mod='fichevitrine'}");

            if (yes == false)
            {
                event.stopImmediatePropagation();
                event.stopPropagation();
                event.preventDefault();
                return;
            }
            mode = "delete";
        }

        function printAll(value)
        {
            mode = "print";
        }

        function deleteFiche(event, value)
        {
            var yes = window.confirm("{l s="Etes-vous sur de vouloir supprimer cette fiche ?" mod='fichevitrine'}");

            if (yes == false)
            {
                event.stopImmediatePropagation();
                event.stopPropagation();
                event.preventDefault();
                return;
            }

            actionList = new Array();
            actionList.push(value);
            mode = "delete";
        }

		function actualizePool()
		{
			var pool = document.getElementById("printPoolList");
			var data = "";
			var cookie = readCookie('printList');
			var list = (cookie == null ) ? new Array() : cookie.split(',');
			var i = list.length - 1;
			
			while( i > -1 )
			{
				data += "<li>"+list[i]+"</li>";
				i-=2;
			}
			
			pool.innerHTML = data;
		}
		
		function printFiche(value,ficheName)
		{
			var cookie = readCookie('printList');
			var list = (cookie == null ) ? new Array() : cookie.split(',');
			var i = list.length;
			var index = -1;
			
			while( --i > -1 )
			{
				if( list[i] == value )
					index = i;
			}
			
			if( index == -1 )
			{
				list.push(value);
				list.push(ficheName);
			}
			
			if (twoInOne == 0)
			{
				createCookie('printList',list.join(','));
				mode = "print";
				//window.open(linkPrint);
			}
			else
			{
				createCookie('printList',list.join(','));
				mode = "addPrint";
				actualizePool();
			}
		}
		
		function cleanPool()
		{
			var cookie = readCookie('printList');
			createCookie('printList','');
			mode = "addPrint";
			actualizePool();
		}

        function addToActionList(element, value)
        {
            var index = actionList.indexOf(value);

            if (index != -1)
                actionList.splice(index, 1);

            if (element.checked && element.checked == true)
                actionList.push(value);
        }

        function submitHandler()
        {
            if (mode == "delete")
            {
                document.getElementById('deleteList').value = actionList.join(',');
                return true;
            }

            if (mode == "search")
            {
                return true;
            }
			
			if( mode == "addPrint" )
			{
				return false;
			}
			
			if( mode == "print" )
			{
				window.location.href = linkPrint;
				return false;
			}

            return false;
        }
		
		//eraseCookie("printList");
        actualizePool();

    </script>

</div>
